import Vue from 'vue/dist/vue.esm';
import Cmp1 from './全剧组件';

let cmp = new Cmp1({
    // propsData 往组件传的参数
    propsData:{
        name:'111',
        list :[1,2,3]
    }
})

let vm = cmp.$mount();//虚拟的vm对象
console.log(vm.$el)
console.log(vm.$el.queryselector('li').innerHtml == '1')

let vm = new Vue({
    el:"#div1",
    data:{type:'123'},
    // 局部组件components  只能在这个vm对象里使用出去了就没了
    template:`
        <div>
        // 组件传值 :list传递就是一个数组 如果没有的话就是一个字符串
            <cmp1 name="123" :list="[1,2,3]"></cmp1>
            // 动态组件  根据is的值来  is是写死的 :is=“”可以根据data里面的值来动态变
            <component is="cmp1" :is="type"></component>
        </div>
    `
})